<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DUO500同城交友</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="keywords" content="DUO500同城交友，在线交友，重庆同城交友，重庆同城，同城交友" />
<meta http-equiv="PRAGMA" content="NO-CACHE" />
<meta name="description" content="XXX" />
<meta name="robots" content="index,follow" />
<meta name="author" content="XXX" />
<meta name="copyright" content="XXX All Rights Reserved" />
<link type="text/css" href="css/style.css" rel="stylesheet" media="all" />
<script src="js/jquery-1.4.min.js" type="text/javascript"></script>
<script src="js/menu.js" type="text/javascript"></script>
</head>
<body>
<div class="header">
  <div class="header-center">
    <div class="logo"><a href="index.html"><img src="images/logo.jpg" /></a></div>
    <div class="top">
      <form action="login.html">
        <span>用户名：</span>
        <input class="text-1" type="text" />
        <span>密码：</span>
        <input class="text-1" type="text" />
        <input class="sub-1" type="submit" value="" />
        <a href="regist-1.html"><img src="images/btn-regist.jpg" /></a><a href="regist-1.html">忘记密码？</a>
      </form>
    </div>
    <div class="menu">
      <ul>
        <li><img src="images/style-1.gif" /><a href="index.html">首页</a></li>
        <li><a href="search.html">同城交友</a></li>
      </ul>
    </div>
    <div class="search">
      <form action="search.html">
        <div class="search-data"> <span>地区:</span>
          <div class="search-sel">
            <input type="text" class="search-select" value="重庆市"/>
            <div class="search-selects">
              <div>北京市</div>
              <div>广州市</div>
              <div>深圳市</div>
              <div>成都市</div>
              <div>重庆市</div>
            </div>
          </div>
        </div>
        <div class="search-data"> <span>区域:</span>
          <div class="search-sel">
            <input type="text" class="search-select" value="沙坪坝"/>
            <div class="search-selects">
              <div>沙坪坝</div>
              <div>九龙坡</div>
              <div>渝北</div>
              <div>巴南</div>
            </div>
          </div>
        </div>
        <div class="search-data"> <span>角色:</span>
          <div class="search-sel">
            <input type="text" class="search-select" value="白领"/>
            <div class="search-selects">
              <div>白领</div>
              <div>护士</div>
              <div>老总</div>
              <div>个体户</div>
            </div>
          </div>
        </div>
        <div class="search-data"> <span>年龄:</span>
          <div class="search-sel">
            <input type="text" class="search-select" value="18~24"/>
            <div class="search-selects">
              <div>18~24</div>
              <div>25~30</div>
              <div>30~40</div>
              <div>40以上</div>
            </div>
          </div>
        </div>
        <div class="search-data"> <span>关键字:</span>
          <input style="background:#ff0f4;" type="text" />
        </div>
        <div class="search-sub">
          <input type="submit" value="" />
        </div>
      </form>
    </div>
  </div>
</div>
<div class="content">
 <div class="content-left">
  <div class="content-close"><img src="images/btn-img.jpg" /></div>
  <div class="content-img"><a href="info-1.html"><img src="images/img-l.jpg" /></a></div>
 </div>
 <div class="content-right">
  <div class="content-img"><a href="info-1.html"><img src="images/img-r.gif" /></a></div>
  <div class="content-close"><img src="images/btn-img.jpg" /></div>
 </div>
 <div class="content-center">
  <div class="contents">
   <div class="contents-t">
    <div class="contents-tital">同城交友</div>
    <div class="contents-info">查找条件：<span>重庆市</span><span>沙坪坝 </span><span>18-24岁</span>结果</div>
   </div>
   <div class="contents-c">
    <div class="plfs">
     排列方式：<span style="color:#000; background:#f4f887">默认排序</span><span>关注最多</span><span>被浏览最多</span><span>推荐最多</span><span>支付浏览最多</span>
    </div>
    <div class="pics">
     <ul class="pics-list">
      <li><a href="#"><img src="images/p-1.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
      <li><a href="#"><img src="images/p-2.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
      <li><a href="#"><img src="images/p-3.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
      <li><a href="#"><img src="images/p-4.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
      <li><a href="#"><img src="images/p-5.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
      <li><a href="#"><img src="images/p-6.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
      <li><a href="#"><img src="images/p-7.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
      <li><a href="#"><img src="images/p-8.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
      <li><a href="#"><img src="images/p-9.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
      <li><a href="#"><img src="images/p-10.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
     </ul>
     <div>
     <form>
     当前第<span>1/8</span>页<a href="#">上一页</a><a href="#">下一页</a><span>跳到</span><input type="text" style="width:17px; height:10px; border:1px solid #948787;font-size:12px;" value="4" /><span>页</span><input style="width:27px; height:15px; background:#493636; border:none; color:#fff; cursor:pointer; font-size:13px;" type="submit" value="GO" />
     </form>
     </div>
    </div>
    <div class="tjll">
     <div class="tjll-t">推荐浏览</div>
     <div class="tjll-c">
      <ul class="pics-list">
      <li><a href="#"><img src="images/p-1.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
      <li><a href="#"><img src="images/p-2.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
      <li><a href="#"><img src="images/p-3.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
      <li><a href="#"><img src="images/p-4.jpg" /></a><a href="#">28,北京海淀区</a><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /><img src="images/heart.png" /></li>
     </ul>
     </div>
    </div>
   </div>
  </div>
  <div class="clear"></div>
 </div>
</div>
<div class="footer">
 <div class="footer-center">
  <div><a href="#">关于我们</a>|<a href="#">广告合作</a>|<a href="#">版权说明</a>|<a href="#">用户协议</a></div>
  <div>duo500.com同城交友版权所有 | 渝ICP201212345</div>
 </div>
</div>
</body>
</html>